<template>
        <div class="main">
            <MessageBox style="width: 3em; height: 3em; margin-right: 8px" />
        <div class="text">
            <div class="text1">总数据量</div>
            <div>2237条</div>
        </div>
    </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
    name: 'SensorDataCard'
})
</script> 
<script setup lang="ts">
import {MessageBox} from '@element-plus/icons-vue'
</script>
<style lang="less" scoped>
    .main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    .text1{
        font-size: 16px;
        font-weight: 700;
        padding: 4px;
        padding-left: 0;
    }
}

</style>